<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <!-- import CSS -->
  <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
  <style type="text/css">

 
  	.class1{text-align: center;
  	background-color:#FAFAFA;
    width: 300px;
    border: 5px inset 	#BFEFFF;
    padding: 25px;
    margin: 25px;
}
  	</style>
</head>
<body>  
<div id="app" class="class1"
 >
<h3 
>周义恒第二次练习</h3>
<br>
<form action=https://www.baidu.com/" method="post">
 账号：<el-autocomplete v-model="state4" :fetch-suggestions="querySearchAsync" placeholder="请输入账号" >
</el-autocomplete>
<br><br>
密码：<el-autocomplete
  v-model="state4" :fetch-suggestions="querySearchAsync" placeholder="请输入密码">
</el-autocomplete>
</el-input>
<br><br>
      <el-button type="primary" native-type="submit">提交</el-button>
      </form>
  </div>
</body>
  <!-- import Vue before Element -->
  <script src="https://unpkg.com/vue/dist/vue.js"></script>
  <!-- import JavaScript -->
  <script src="https://unpkg.com/element-ui/lib/index.js"></script>
  
  <script>
    new Vue({
      el: '#app',
      data: function() {
        return { visible: false }
      }
    })
  </script>
</html>